﻿@import url("base.css");
body {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;color:#666;font-size:14px;overflow-x:hidden;}
input,select,button,textarea {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;font-size:14px;color:#333;resize:none;box-sizing:border-box;}
:-moz-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
::-webkit-input-placeholder {color:#aaa;}
a:link,a:visited,a:active {color:#666;text-decoration:none;}
a:hover {color:#1a60cc;text-decoration:none;}
a {outline:none;-moz-outline:none;blr:expression(this.onFocus=this.blur());}
.al:hover {text-decoration:underline;}
.als a:hover {text-decoration:underline;}
.flex-column {display:flex;flex-direction:column;justify-content:center;}
/*===================================================================================*/

#header {min-width:1200px;background:url(../images/header_bg.jpg) no-repeat center top;}
#header .wrap {position:relative;z-index:1;height:100px;}
#header .logo {position:absolute;top:50%;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;height:64px;font-size:0px;transform:translateY(-50%);}
#header .logo img {max-height:100%;}
#header .lang {position:absolute;top:20px;right:200px;}
#header .lang a:first-child {color:#e9221f;font-weight:bold;}
#header .tel {position:absolute;bottom:10px;right:0;padding-left:30px;height:30px;line-height:30px;font-weight:bold;background:url(../images/header_tel.png) no-repeat;}
#header .tel span {position:relative;top:-3px;}
#header .tel strong {color:#f00;font-size:28px; font-family:Arial;}

#search {position:absolute;top:20px;right:0;width:160px;height:19px;font-size:0;}
#search_key {padding:0 10px;width:140px;height:20px;line-height:20px\9;font-size:12px;border:1px solid #ccc;}
#search_button {position:absolute;top:0;right:0;display:block;width:19px;height:19px;background:url(../images/search_button.jpg) no-repeat;cursor:pointer;}

#nav_blk {background:url(../images/nav_bg.jpg) repeat-x;}
#nav {position:relative;z-index:99;background:url(../images/nav_bg.jpg) repeat-x;}
#nav li {display:inline-block;position:relative;padding-right:1px;width:170px;height:45px;vertical-align:top;background:url(../images/nav_line.gif) no-repeat right top;}
#nav li:last-child {background:none;}
#nav li > a {display:block;height:100%;line-height:45px;color:#fff;font-size:14px;font-weight:bold;text-align:center;}
#nav li:hover > a {background-color:#154ea5;}
#nav li:hover p {display:block;}

#nav li p {position:absolute;top:100%;left:0px;display:none;padding:6px 6px 20px 6px;width:100%;box-sizing:border-box;background-color:rgba(28,106,225,0.9);}
#nav li p a {display:block;padding:8px 0;color:#fff;font-size:12px;text-align:center;border-bottom:1px solid #4b8ff6;}
#nav li p a:hover {background-color:#4b8ff6;}

#banner {position:relative;z-index:1;width:100%;min-width:1200px;height:550px;overflow:hidden;}
#banner_ul {position:absolute;top:0px;left:50%;z-index:1;margin-left:-960px;width:1920px;height:550px;overflow:hidden;}
#banner_ul li {width:1920px;height:550px;text-align:center;font-size:0px;}
#banner_pagination {position:absolute;bottom:20px;left:0px;z-index:2;width:100%;height:12px;font-size:0px;text-align:center;}
#banner_pagination a {display:inline-block;margin:0 6px;width:12px;height:12px;text-indent:100px;border-radius:50%;background-color:#1a60cc;overflow:hidden;}
#banner_pagination a:hover {background-color:#f00;}
#banner_pagination a.activeSlide {background-color:#f00;}

.wrap {margin-left:auto;margin-right:auto;width:1200px;box-sizing:border-box;}
#content {margin-top:10px;}
#left {float:left;width:255px;}
#right {float:right;width:930px;border:1px solid #ddd;overflow:hidden;}
#right .cont {padding:0 20px 30px 20px;}

#footer {margin-top:30px;color:#fff;font-size:12px;border-top:3px solid #0b75f5;background-color:#1858ba;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:underline;}
#footer .fnav {display:flex;justify-content:space-between;padding-top:25px;}
#footer .fnav li h2 {padding-bottom:5px;font-size:14px;}
#footer .fnav li p {margin-top:9px;}
#footer .copyright {padding:20px 0;line-height:1.8;text-align:center;}

/*===================================================================================*/

.itis {text-align:center;}
.itis h2 {font-size:26px;font-weight:normal;color:#0669c3;line-height:35px;}
.itis p {font-size:16px;color:#666;text-transform:uppercase;}

#iabout {padding-top:35px;padding-bottom:35px;}
#iabout .text {display:flex;justify-content:space-between;margin:30px auto 0 auto;}
#iabout .text .editorc {flex:1 1 auto;margin-top:8px;margin-right:30px;line-height:2.4;}
#iabout .text .imgs {flex:0 0 auto;width:576px;font-size:0;}
#iabout .text .imgs img {width:100%;}

#ipros {padding-top:40px;padding-bottom:30px;min-width:1200px;background-repeat:no-repeat;background-position:center top;background-size:cover;}
#ipros .itis h2 {color:#fff;}
#ipros .itis p {color:#fff;}
#ipros .list {padding-top:10px;}
#ipros .list a {display:inline-block;margin-top:15px;margin-right:2.133%;padding:2px 2px 0px 2px;width:23.4%;text-align:center;vertical-align:top;box-sizing:border-box;}
#ipros .list a:nth-child(4n) {margin-right:0;}
#ipros .list a div {overflow:hidden;}
#ipros .list a div img {width:100%;transition:all 1s;}
#ipros .list a h2 {padding:0 12px;height:50px;line-height:50px;color:#fff;font-size:14px;font-weight:normal;}
#ipros .list a:hover {background-color:#ff9900;}
#ipros .list a:hover div img {transform:scale(1.2);}
#ipros .list a:hover h2 {color:#fff;}

#iys > .tis {margin-top:40px;margin-bottom:30px;color:#0852ab;font-size:50px;font-weight:bold;text-align:center;letter-spacing:5px;}
#iys .list {display:flex;justify-content:space-between;padding-bottom:75px;background:url(../images/iys_bg1.jpg) no-repeat center bottom;}
#iys .list .text {flex:0 0 auto;width:490px;}
#iys .list .tis {margin-left:30px;padding-left:80px;height:52px;color:#0852ab;background-repeat:no-repeat;}
#iys .list .tis h3 {font-size:22px;font-weight:normal;}
#iys .list .tis p {font-size:16px;}
#iys .list .desc1 {padding:20px 0 20px 110px;font-size:16px;line-height:2.5;}
#iys .list .desc2 {padding:5px 10px;color:#808080;line-height:2;border-radius:8px;border:1px dashed #aaa;}
#iys .list .imgs {flex:0 1 auto;max-width:620px;font-size:0;}
#iys .list .imgs img {max-width:100%;}

#inews {display:flex;justify-content:space-between;}
#inews .boxs {width:398px;}
#inews .tis {position:relative;padding-left:10px;height:40px;line-height:40px;color:#0852ab;font-size:15px;font-weight:bold;background: url(../images/news_tt.png) no-repeat bottom;}
#inews .tis img {position:absolute;top:12px;right:0;}
#inews .imgs {padding:10px;font-size:0;text-align:center;}
#inews .imgs img {width:100%;}
#inews .list {padding:0 10px;}
#inews .list li {position:relative;padding-right:80px;height:30px;line-height:30px;}
#inews .list li h2 {display:inline-block;padding-left:15px;height:100%;font-size:12px;font-weight:normal;vertical-align:top;background:url(../images/arrow.png) no-repeat left center;}
#inews .list li h2:hover {margin-left:3px;background-image:url(../images/arrow_h.png);}
#inews .list li span {position:absolute;top:0;right:0;color:#c0c0c0;font-size:12px;}
#inews .editorc {padding:10px;line-height:2;}

/*===================================================================================*/

.left_title {padding:12px 10px 12px 25px;color:#fff;font-size:14px;background-color:#1858ba;}
.left_menu {margin-bottom:10px;padding:0 15px 15px 15px;border:1px solid #ddd;}
.left_menu dd > a {display:block;padding:12px 0 12px 0;font-size:13px;border-bottom:1px solid #ebebeb;}
.left_menu dd > a i {margin-right:5px;color:#666;font-size:12px;font-weight:normal;}
.left_menu dd > a:hover {color:#e9221f;}
.left_menu dd a.curt {color:#e9221f;font-weight:bold;}
.left_menu dd a.curts {color:#e9221f;font-weight:bold;}

.left_menu ul li {display:inline-block;padding-left:10px;width:50%;height:35px;line-height:35px;font-size:12px;vertical-align:top;box-sizing:border-box;border-bottom:1px dotted #ebebeb;overflow:hidden;}
.left_menu ul li i {margin-right:5px;color:#666;font-size:12px;font-weight:normal;}

.left_contact {padding:10px 15px;line-height:2;border:1px solid #ddd;}

/*===================================================================================*/

.nodata {padding:150px 0px;color:#999;font-size:18px;text-align:center;}
#title_cur {position:relative;padding-right:10px;height:43px;color:#999;font-size:12px;text-align:right;line-height:43px;border-bottom:1px solid #0852ab;overflow:hidden;}
#title_cur a {color:#999;}
#title_cur a:hover {color:#1a60cc;}
#title_cur strong {color:#1a60cc;font-weight:normal;}
#title_cur h2 {position:absolute;top:0;left:0;padding-left:30px;color:#1858ba;font-size:14px;background: url(../images/title_bg.png) no-repeat 8px 50%;}

.input_text {padding:0px 8px;width:280px;height:34px;line-height:34px\9;box-sizing:border-box;border:1px solid #ddd;}
.input_area {padding:6px 8px;height:176px;line-height:1.6;box-sizing:border-box;border:1px solid #ddd;resize:none;overflow-y:auto;}
.input_select {padding:0px 0px 0px 8px;height:34px;box-sizing:border-box;border:1px solid #ddd;}
.input_radio {position:relative;top:1px;}
.input_checkbox {position:relative;top:1px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.input_radio {position:relative;top:3px;width:15px;height:15px;}
	.input_checkbox {position:relative;top:3px;width:15px;height:15px;}
}
.button {width:130px;height:38px;color:#fff;font-size:16px;box-sizing:border-box;border:none;background-color:#666;cursor:pointer;}
.button:hover {background-color:#1a60cc;}

.editorc_nrs {padding-top:50px;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc_box {padding-top:2.5%;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc {line-height:1.8;}
.editorc p {margin-bottom:20px;}
.editorc p:last-child {margin-bottom:0px;}
.editorc a {text-decoration:underline;}
.editorc hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc h1,.editorc h2,.editorc h3,.editorc h4,.editorc h5,.editorc h6 {padding:9px 0px;font-weight:bold;line-height:1.4;}
.editorc ul {margin-bottom:20px;padding-left:1.4em;}
.editorc ul:last-child {margin-bottom:0px;}
.editorc ul li {list-style-type:disc;}
.editorc ol {margin-bottom:20px;padding-left:1.5em;}
.editorc ol li {list-style-type:decimal;}
.editorc ol:last-child {margin-bottom:0px;}
.editorc table.border {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc table.border td,.editorc table.border th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc table.border td table {margin-bottom:0px;}
.editorc table.border td p {margin:0px;padding:0px;}
.editorc table.border th p {margin:0px;padding:0px;}

.editorc2 {line-height:1.8;}
.editorc2 img {vertical-align:top;}
.editorc2 a {text-decoration:underline;}
.editorc2 hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc2 h1,.editorc2 h2,.editorc2 h3,.editorc2 h4,.editorc2 h5,.editorc2 h6 {padding:9px 0px;font-weight:normal;line-height:1.2;}
.editorc2 ul {margin-bottom:20px;padding-left:1.4em;}
.editorc2 ul:last-child {margin-bottom:0px;}
.editorc2 ul li {list-style-type:disc;}
.editorc2 ol {margin-bottom:20px;padding-left:1.5em;}
.editorc2 ol li {list-style-type:decimal;}
.editorc2 ol:last-child {margin-bottom:0px;}

.editorc_tbe table {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc_tbe td, .editorc_tbe th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc_tbe td table {margin-bottom:0px;}
.editorc_tbe td p,.editorc_tbe th p {margin:0px;padding:0px;}
.editorc_tbe table.no-border {border:none;}
.editorc_tbe table.no-border table {border:none;}
.editorc_tbe table.no-border td {border:none;padding:0px;}
.editorc_tbe table.no-border th {border:none;padding:0px;}

#prevnext {position:relative;margin:3% auto 0px auto;padding:15px 150px 0px 0px;color:#999;font-size:13px;border-top:1px dashed #ccc;overflow:hidden;}
#prevnext p {height:25px;}
#prevnext_back {position:absolute;top:18px;right:0px;display:block;padding:8px 15px 8px 10px;color:#333;font-size:12px;background-color:#eee;}
#prevnext_back i {margin-right:5px;font-size:12px;}
#prevnext_back:hover {color:#fff;background-color:#1858ba;}

/*===================================================================================*/
/* 企业图片列表 */

#about_image {padding-left:10px;padding-right:10px;font-size:0px;}
#about_image a {display:inline-block;margin:25px 3% 0 0;width:22.75%;font-size:0px;text-align:center;vertical-align:top;}
#about_image a:nth-child(4n) {margin-right:0;}
#about_image a img {padding:4px;width:100%;transition:none;box-sizing:border-box;border:1px solid #ddd;}
#about_image a img:hover {border-color:#1a60cc;}
#about_image a p {padding-top:8px;font-size:14px;line-height:1.4;}

/*===================================================================================*/
/* 产品列表 */

#pros {margin-top:10px;}
#pros dl {display:flex;margin-top:10px;font-size:12px;}
#pros dl dd {margin-right:5px;padding:10px 8px;line-height:25px;box-sizing:border-box;background-color:#fbfbf7;}
#pros dl dd:last-child {margin-right:0;}
#pros dl:first-child dd {padding:0;line-height:35px;color:#fff;text-align:center;background-color:#378df4;}
#pros dl:first-child dd.imgs {height:auto;line-height:35px;}

#pros dl dd.number {flex:0 0 auto;width:105px;text-align:center;}
#pros dl dd.imgs {flex:0 0 auto;padding:0;width:170px;height:128px;line-height:normal;}
#pros dl dd.imgs img {float:left;width:170px;height:128px;}
#pros dl dd.imgs img:hover {position:relative;width:275px;height:207px;}
#pros dl dd.guige {flex:0 0 auto;width:200px;}
#pros dl dd.desc {flex:0 0 auto;width:260px;}
#pros dl dd.xxas {flex:0 0 auto;padding-left:0;padding-right:0;width:70px;text-align:center;}
#pros dl dd.xxas a {display:block;height:25px;line-height:25px;}
#pros dl dd.xxas a:hover {color:#fff;background-color:#ff9900;}
#pros dl dd.pdf {flex:1 1 auto;text-align:center;}
#pros dl dd.pdf a {display:block;height:25px;background:url(../images/pdf.gif) no-repeat center center;}

#prods .info {padding-top:10px;}
#prods .info li {display:inline-block;margin-top:10px;width:47.5%;line-height:1.8;vertical-align:top;}
#prods .info li:nth-child(even) {margin-left:5%;}
#prods .info li img {vertical-align:middle;}

#video_play {width:1200px;height:672px;font-size:0px;background-color:#000;overflow:hidden;}

/*===================================================================================*/
/* 新闻列表 */

#news li {position:relative;margin-top:15px;padding:1px 120px 0px 20px;height:30px;background:url(../images/news_line.png) no-repeat left bottom;}
#news li .text:hover {font-weight:bold;}
#news li .date {position:absolute;top:3px;right:0px;color:#999;font-size:12px;font-weight:normal;}
#news li .date a {margin-right:50px;}
#news_info h1 {padding:35px 0 20px 0;color:#222;font-size:22px;line-height:1.4;text-align:center;font-weight:normal;}
#news_info p {padding-bottom:10px;color:#999;font-size:12px;text-align:center;border-bottom:1px dashed #ccc;}
#news_info p span {padding:0 20px;}

/*===================================================================================*/
/* 在线留言 */

#message {padding:10px 0px 0px 0px;}
#message td {padding:14px 5px 0px 5px;}
#message td span {margin-left:5px;font-family:"宋体";font-size:12px;color:#ff0000;}

/*===================================================================================*/

#win_ts {position:fixed;top:20%;left:50%;z-index:9999;margin-left:-170px;padding:32px 20px;width:300px;color:#fff;font-size:22px;line-height:1.4;text-align:center;opacity:0;transition:all 0.5s;border-radius:8px;background-color:rgba(0,0,0,0.7);overflow:hidden;}
#win_loading {position:fixed;top:0%;left:0%;z-index:9999;width:100%;height:100%;background:url(../images/loading2.gif) no-repeat center center;}
#win_loading_bg {position:fixed;top:0px;left:0px;z-index:9998;width:100%;height:100%;background:url(../images/tbs/white0.png);}

/*===================================================================================*/
/* 浮动在线客服 */

#float_os {position:fixed;bottom:30px;;right:20px;z-index:98;width:72px;}
#float_os li {position:relative;margin-bottom:1px;height:72px;text-align:center;background-repeat:no-repeat;cursor:pointer;}
#float_os li a {display:block;padding-top:45px;height:100%;color:#fff;font-size:13px;box-sizing:border-box;}
#float_os li p {position:absolute;top:0;right:72px;display:none;padding:0 20px;font-size:22px;line-height:72px;white-space:nowrap;word-break:keep-all;background-color:#ff811b;}
#float_os li img {position:absolute;right:72px;top:0;display:none;padding:8px;width:145px;height:145px;box-sizing:border-box;background-color:#58a81c;}
#float_os .qq {background-color:#6da9de;background-image:url(../images/float_os_qq.png);background-position:center 10px;}
#float_os .qq:hover{background-color:#488bc7;}
#float_os .weixin {background-color:#78c340;background-image:url(../images/float_os_weixin.png);background-position:center 10px;}
#float_os .weixin:hover{background-color:#58a81c;}
#float_os .weixin:hover img {display:block;}
#float_os .tel {background-color:#fbb01f;background-image:url(../images/float_os_tel.png);background-position:center 12px;}
#float_os .tel:hover{background-color:#ff811b;}
#float_os .tel:hover p {display:block;}
#float_os .top {display:none;background-color:#666666;background-image:url(../images/float_os_top.png);background-position:center center;}
#float_os .top:hover {background-color:#444;}

/*===================================================================================*/

#news_page {margin-top:30px;width:100%;}
#products_page {margin-top:30px;width:100%;}
.fypage {height:24px;font-size:0px;text-align:center;overflow:hidden;}
.fypage a,.fypage span {display:inline-block;margin:0 4px;padding:0 6px;height:24px;line-height:22px;font-size:12px;color:#333;border:1px solid #D8ECFB;background-color:#E9F0F4;text-align:center;vertical-align:top;box-sizing:border-box;overflow:hidden;}
.fypage a:hover {color:#ff0000;background-color:#fff;}
.fypage span.fypage_disabled {}
.fypage span.fypage_current {color:#ff0000;font-weight:bold;background-color:#fff;}
.fypage_sl {display:inline-block;padding:0px 3px;height:28px;color:#999;font-size:12px;line-height:24px;vertical-align:top;}